
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单序列化</title>
    <script src="./jquery-3.6.0.js"></script>
</head>
<body>

    <form id="form" onsubmit="return false">
        <label>手机号：<input type="text" value="13111111111" name="phone" id="phone"></label>
        <br>
        <label>密码：<input type="password" value="111111" name="psd" id="psd"></label>
        <br>
        <label>重复密码：<input type="password" value="111111" name="repsd" id="repsd"></label>
        <br>
        <button id="btn">提交</button>
    </form>
    <script>

        /*
            1.param() 方法创建数组或对象的序列化表示形式。
                语法
                    $.param(object,trad)
                参数描述
                    object	必需。规定要序列化的数组或对象。
                    trad	可选。布尔值，指定是否使用参数序列化的传统样式。
            2.serialize() 方法通过序列化表单值创建URL编码文本字符串。
                语法
                    $(selector).serialize()
        */


        // $("#btn").click(function () {
        //     let obj ={
        //         phone: $("#phone").val(),
        //         pwd: $("#psd").val()
        //     }
        //     console.log(obj);
        //     //phone=13111111111&&pwd=111111
        //     console.log($.param(obj));
                
        // })


        $("#btn").click(function () {
            //phone=13111111111&&pwd=111111
            console.log($("#form").serialize());
            
                
        })



    </script>
</body>
</html>